<template>
  <view class="container">
    <view class="content">
      <custom-nav title="" theme="red" iconType="circle"></custom-nav>
      <content-card></content-card>
    </view>
    <view class="member-bottom" v-if="!isMember">
      <bottom-card></bottom-card>
    </view>

    <!-- 客服悬浮 -->
    <custom-serve></custom-serve>
  </view>
</template>

<script setup>
import ContentCard from "@/pages/service/components/content-card.vue";
import BottomCard from "@/pages/service/components/bottom-card.vue";
import { getItem } from "@/utils/storage";

const isMember = computed(() => {
  const info = getItem("user_info") || {};
  const { title } = info?.member || {};
  return title && title == "至尊会员";
});
</script>

<style lang=scss scoped>
@import "@/styles/global.scss";

.content {
  position: relative;
  padding-bottom: 40rpx;
  background: transparent;
  flex: 1;
}

.member-bottom {
  padding: 0 50rpx 72rpx;
  border-top: 1px solid #ddd;
}
</style>